
// 公用类

.clip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p_r {
  position: relative;
}

.flex {
  display: flex;
  align-items: center;
}

.center {
  justify-content: center;
}

// margin
.ml5 {
  margin-left: 5px !important;
}
.ml0 {
  margin-left: 0 !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}
.mr18 {
  margin-right: 18px !important;
}
.mr20 {
  margin-right: 20px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}
.p40vh {
  padding: calc(40 / 1080 * 100vh) 40px 0 40px;
}
// padding
.p0 {
  padding: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

// 字体大小
.f10 {
  font-size: 10px !important;
}

.f12 {
  font-size: 12px !important;
}

.f14 {
  font-size: 14px !important;
}

.f16 {
  font-size: 16px !important;
}

.f18 {
  font-size: 18px !important;
}

.f20 {
  font-size: 20px !important;
}
.f22 {
  font-size: 22px !important;
}
.f24 {
  font-size: 24px !important;
}

.bold {
  font-weight: bold !important;
}

// 行高
.lh14 {
  line-height: 14px !important;
}

.lh16 {
  line-height: 16px !important;
}

.lh18 {
  line-height: 18px !important;
}

.lh20 {
  line-height: 20px !important;
}

// 浮动
.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfloat {
  zoom: 1;
}

.clearfloat::after {
  display: block;
  height: 0;
  clear: both;
  content: "";
  visibility: hidden;
}

// 文本对齐方式
.tc {
  text-align: center !important;
}

.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

.c333 {
  color: #333 !important;
}

.c999 {
  color: #999 !important;
}
.cddd {
  color: #ddd !important;
}

// 禁止复制
.noCopy {
  user-select: none;
  // -webkit-touch-callout: none; /* 系统默认菜单被禁用 */
  // -webkit-user-select: none; /* webkit浏览器 */
  // -khtml-user-select: none; /* 早期浏览器 */
  // -moz-user-select: none; /* 火狐 */
  // -ms-user-select: none; /* IE10 */
}
.transparency {
  opacity: 0.5;
}
